<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>组织架构选择</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/neibubaoshi_typelist.css" />
    <link rel="stylesheet" type="text/css" href="css/chooseserviceuser.css" />
    <style>
        .folder-logo {
            font-size: 18px;
            font-weight: 300;
        }

        .shuomingType {
            width: 92%;
            margin: 0 auto;
            margin-top: 10px;
            padding: 8px 12px;
            line-height: 1rem;
            background: #f8f8f8;
            border-radius: 8px;
            font-size: 0.65rem;
            color: #888;
        }

        .topheader {
            height: 3rem;
            background-color: #fff;
            border-bottom: solid 0.5px #f3f3f3;
            z-index: 1000;
        }

        .topheader_search {
            width: 100%;
            height: 2.2rem;
        }

        .aui-searchbar-input-white {
            height: 1.6rem;
            line-height: 1.6rem;
            /* margin: 0px 0.4rem 0px 0.8rem; */
            background: #eee !important;
            box-shadow: none;
        }

        .aui-searchbar-input.aui-searchbar-input-white input {
            height: 1.6rem;
            line-height: 1.6rem;
        }

        .mytree {
            padding-bottom: 0;
        }
    </style>
</head>

<body>
    <template type="text/x-template" id="item-template">
        <li>
            <label v-if="item.isCanSelect==false">
                <span class="choosespan" style="margin-left: 10px;">
                    <span v-if="!isOpen" class='folder-logo'><i class="icon iconfont icon-xinzeng"></i></span>
                    <span v-if="isOpen" class='folder-logo'><i class="icon iconfont icon-jianhao"></i></span>
                </span>
                <span for="'radio'+item.ID" class="name_span" v-on:click="toggle(item)" style="margin-left: 5px;">
                    {{item.text}}
                </span>
            </label>
            <label v-if="item.children!=undefined&&item.children.length==''&& item.isCanSelect!=false"
                class="choosespan" style="margin-left: 10px;">
                <input v-on:click="choose_type(item)" type="radio" id="'radio'+item.ID" class="aui-radio"
                    v-bind:checked="item.ID==selecttypeid" name="typemsg"
                    style=" margin-left: 5px; position:relative; top:23px;">
                {{item.text}}
            </label>
            <ul class="level2" v-show="isOpen" v-if="isFolder">
                <tree-item v-for="(child, index) in item.children" :key="index" :item="child"></tree-item>
            </ul>
        </li>
    </template>
    <div id="app" v-cloak>
        <header class="topheader" id="aui-header">
            <div class="topheader_search">
                <div class="aui-searchbar" id="search">
                    <div class="aui-searchbar-input aui-searchbar-input-white aui-border-radius">
                        <i class="icon iconfont icon-sousuo"></i>
                        <input v-model="form.keywords" type="search" @keyup="do_search()" placeholder="部门名称"
                            id="search-input">
                        <div class="aui-searchbar-clear-btn">
                            <i class="icon iconfont icon-guanbi"></i>
                        </div>
                    </div>
                    <div class="aui-searchbar-btn" tapmode></div>
                </div>
            </div>
        </header>

        <div class="boxarea mainbox aui-padded-t-0 " style="margin-top: 80px;padding-bottom: 100px;" >
            <div class="choosetype_list" style="position: unset;">
                <ul class="mytree level0">
                    <template v-for="item in currentchosenlist">
                        <tree-item class="item" :item="item"></tree-item>
                    </template>
                </ul>
            </div>
        </div>
        <div class="aui_bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">确认</div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="js/chooseorganization.js"></script>

</html>